
<template>
  <div class="error">
    <img src="@/assets/img/error.png" />
    <p>
      {{ error[data]}}
    </p>
  </div>
</template>
<script>
import error from '@/data/error.js'
export default {
  props: {
    data: Number
  },
  setup() {
    return {
      error
    }
  }
}
</script>
<style lang="less" scoped>
.error {
  position: fixed;
  top: 78px;
  height: 50%;
  margin: 14px;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  img {
    width: 80px;
    height: 80px;
  }
  p {
    font-size: 16px;
  }
}
</style>
